لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت وب سایت های دنیای واقعی با استفاده از HTML5، CSS3، Flexbox، Grid، و Sass [ویدئو]
Build Real-World Websites Using HTML5, CSS3, Flexbox, Grid, and Sass [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
HTML زبان نشانه گذاری استاندارد برای اسناد طراحی شده برای نمایش در یک مرورگر وب است. می توان از فناوری هایی مانند Cascading Style Sheets و زبان های برنامه نویسی مانند JavaScript برای ساخت وب سایت های واکنش گرا و تبدیل شدن به یک توسعه دهنده وب حرفه ای کمک گرفت. ابتدا ساختار یک صفحه وب را درک خواهید کرد. سپس میزبانی وب رایگان خود را راه اندازی خواهید کرد که به عنوان یک جایزه با این دوره ارائه می شود. پس از آن، به HTML5 می روید و اجزایی که اسکلت یک صفحه وب را می سازند را یاد می گیرید. شما مفاهیم مختلف را تا سطح دقیق پوشش خواهید داد: پاراگراف ها، پیوندها، فرم ها، iframe ها و غیره. سپس به CSS3 می روید و یاد می گیرید که چگونه دکوراسیون و استایل حرفه ای را به وب سایت خود اضافه کنید. همچنین با مهارت های پیشرفته ای مانند انتقال CSS3 و انیمیشن ها آشنا خواهید شد. شما همچنین در حال ساخت یک وب سایت حرفه ای با استفاده از HTML و CSS خواهید بود که به شما در درک نحوه ایجاد منو و هدر برای وب سایت کمک می کند. دوره را با کاوش در CSS پیشرفته با Flexbox، Grid و Sass و یادگیری ویژگی ها و توابع مورد استفاده در Sass به پایان می رسانید. مفاهیمی مانند نحوه تراز کردن و تغییر اندازه آیتم های Flex و خطوط Flex را تا انتها درک کنید. در پایان دوره، شما قادر خواهید بود یک وب سایت دنیای واقعی طراحی، کدنویسی و منتشر کنید. همه منابع و فایلهای کد در اینجا قرار میگیرند: https://github.com/packtpublishing/build-real-world-websites-from-scratch-using-html5-and-css3 درک ساختار یک وبسایت یادگیری فرآیند تعبیه کردن ویدیوی خارجی در یک وب سایت ایجاد یک فرم ورود ساده با استفاده از HTML انواع مختلف موقعیت یابی CSS را کاوش کنید یاد بگیرید چگونه موارد را در داخل Flexbox تراز کنید ایجاد یک گالری عکس کاملاً پاسخگو با استفاده از CSS این دوره برای افرادی است که دانش یا تجربه توسعه ندارند. این دوره همچنین برای افرادی با دانش HTML و CSS است که می خواهند مهارت های پیشرفته جدیدی را بیاموزند و مجموعه خود را با پروژه های حرفه ای کامل غنی کنند. یاد بگیرید که دکوراسیون و استایل حرفه ای را به وب سایت خود اضافه کنید
* با استفاده از HTML و CSS یک وب سایت آموزش ریاضی بسازید
* با نحوه نصب و راه اندازی Cyberduck و FileZilla آشنا شوید تا وب سایت خود را در سرور به اشتراک بگذارید
سرفصل ها و درس ها
مقدمه - میزبانی وب نامحدود رایگان خود را - HTML دریافت کنید
Introduction - Get Your Free Unlimited Web Hosting - HTML
معرفی
Introduction
ساختار یک وب سایت
Structure of a Website
اولین وب سایت شما
Your First Website
میزبانی وب نامحدود خود را رایگان دریافت کنید
Get Your Free Unlimited Web Hosting
وب سایت خود را با جهان به اشتراک بگذارید
Share Your Website with the World
وب سایت خود را با جهان به اشتراک بگذارید - نسخه Cyberduck
Share Your Website with the World - Cyberduck Version
وب سایت خود را با جهان به اشتراک بگذارید - نسخه FileZilla
Share Your Website with the World - FileZilla Version
سرفصل ها
Headings
پاراگراف ها
Paragraphs
پیوندها
Links
تصاویر
Images
درون خطی در مقابل عناصر بلوک
Inline Versus Block Elements
iframes - فعالیت: یک ویدیوی آرامش بخش از یوتیوب را در وب سایت خود جاسازی کنید
iframes - Activity: Embed a Nice Relaxing YouTube Video to Your Website
لیست های نامرتب
Unordered Lists
لیست های مرتب شده
Ordered Lists
لیست های توضیحات
Description Lists
جداول
Tables
موجودیت ها
Entities
فرم ها قسمت 1 - فعالیت: یک فرم ورود ساده ایجاد کنید
Forms Part 1 - Activity: Create a Simple Login Form
Forms Part 2 - Activity: Form Checkout Marketplace ایجاد کنید
Forms Part 2 - Activity: Create a Marketplace Checkout Form
تزیین متن
Text Decoration
نظرات
Comments
CSS
CSS
معرفی
Introduction
CSS درون خطی
Inline CSS
CSS داخلی
Internal CSS
CSS خارجی
External CSS
کلاس ها و شناسه ها
Classes and IDs
Div و Span
Div and Span
مدل جعبه
Box Model
لایی مدل جعبه
Box Model Padding
مدل جعبه: حاشیه
Box Model: Border
مدل جعبه: طرح کلی
Box Model: Outline
مدل جعبه: حاشیه
Box Model: Margin
زمینه
Background
شناور
Floating
تثبیت موقعیت
Positioning
نمایش دادن
Display
تزیین متن
Text Decoration
تراز کردن متن
Text Align
فونت متن
Text Font
جلوه های متن
Text Effects
اسپرایت های تصویری
Image Sprites
کدورت تصویر
Image Opacity
لیست های یک ظاهر طراحی شده
Styling Lists
پیوندهای یک ظاهر طراحی شده
Styling Links
گرادیان ها
Gradients
تبدیل های دوبعدی
2D Transforms
تبدیل های سه بعدی
3D Transforms
انتقال ها
Transitions
تصاوير متحرك
Animations
پروژه حرفه ای: وب سایت آموزش ریاضیات (HTML و CSS)
Professional Project: Mathematics Tutorials Website (HTML and CSS)
معرفی
Introduction
سربرگ – قسمت 1
Header – Part 1
سربرگ – قسمت 2
Header – Part 2
منو
Menu
جعبه معرفی
Introduction Box
میله های جانبی - قسمت 1
Sidebars – Part 1
میله های جانبی - قسمت 2
Sidebars – Part 2
پاورقی و تبریک
Footer and Congratulations
CSS پیشرفته با Flexbox، Grid و Sass
Advanced CSS with Flexbox, Grid, and Sass
Flexbox: مقدمه
Flexbox: Introduction
فلکس باکس: فلکس باکس پایه
Flexbox: Basic Flexbox
Flexbox: موارد فلکس را تراز کنید
Flexbox: Align Flex Items
Flexbox: خطوط فلکس را تراز کنید
Flexbox: Align Flex Lines
Flexbox: تغییر اندازه موارد فلکس - قسمت 1
Flexbox: Resize Flex Items – Part 1
Flexbox: تغییر اندازه موارد فلکس - قسمت 2
Flexbox: Resize Flex Items – Part 2
برنامه Flexbox: گالری عکس – قسمت 1
Flexbox Application: Photo Gallery – Part 1
برنامه Flexbox: گالری عکس – قسمت 2
Flexbox Application: Photo Gallery – Part 2
برنامه Flexbox: Amazon Checkout – قسمت 1
Flexbox Application: Amazon Checkout – Part 1
برنامه Flexbox: Amazon Checkout – قسمت 2
Flexbox Application: Amazon Checkout – Part 2
برنامه Flexbox: Amazon Checkout – قسمت 3
Flexbox Application: Amazon Checkout – Part 3
برنامه Flexbox: وب سایت ریاضی – قسمت 1
Flexbox Application: Math Website – Part 1
برنامه Flexbox: وب سایت ریاضی – قسمت 2
Flexbox Application: Math Website – Part 2
برنامه Flexbox: وب سایت ریاضی – قسمت 3
Flexbox Application: Math Website – Part 3
CSS Grid: Introduction and Basic Grid Template
CSS Grid: Introduction and Basic Grid Template
شبکه CSS: شبکه ضمنی در مقابل شبکه آشکار
CSS Grid: Implicit Versus Explicit Grid
شبکه CSS: مناطق شبکه و طراحی پاسخگو
CSS Grid: Grid Areas and Responsive Design
CSS Grid: بر ویژگی "grid-column" مسلط شوید
CSS Grid: Master the "grid-column" Property
CSS Grid: مختصات شبکه
CSS Grid: Grid Coordinates
شبکه CSS: موارد شبکه را تراز کنید
CSS Grid: Align Grid Items
برنامه CSS Grid: گالری عکس
CSS Grid Application: Photo Gallery
برنامه CSS Grid: Picture Grid
CSS Grid Application: Picture Grid
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
Issam Baou موسس و مدیر توسعه جزیره مستقر در بدفورد، انگلستان است و در ارائه بهترین دوره های فناوری در اینترنت تخصص دارد. او دارای دو مدرک کارشناسی ارشد در رشته مهندسی و مدیریت از دانشگاه کرانفیلد (بریتانیا) و اکول سنترال پاریس است. او در گذشته برای بسیاری از شرکت های درجه یک جهانی از جمله آمادئوس، فورد و ایرباس در نقش های مختلف از جمله توسعه وب، مشاوره، شبیه سازی و تدریس کار کرده است. او سابقه قوی و موفقی در تدریس ریاضیات و توسعه وب دارد.
نمایش نظرات